import {Image, View} from "@tarojs/components";
import Taro from "@tarojs/taro";
import './index.scss'

function Index() {
  //点击拒单
  const refusal = ()=>{
    Taro.navigateTo({
      url:'/pages/refusal/index'
    })
  }

  //点击退款详情
  const refund = ()=>{
    Taro.navigateTo({
      url:'/pages/refundDdetails/index'
    })
  }
  return (
    <View className='box'>
      <View style={{backgroundColor:'#fff',height:'80px',lineHeight:'80px'}}>
        <View className='iconfont icon-xiangzuo' style={{position:'absolute',top:'0',left:'0',fontSize:'22px',paddingTop:'6px',display:'flex'}}
              onClick={()=>Taro.navigateBack()}>
          <View style={{fontSize:'14px',paddingLeft:'4px'}}>订单详情</View>
        </View>
        <View style={{textAlign:'center',width:'100%'}}></View>
      </View>
      <View className='top'>待接单</View>
      <View className='list'>
        <View className='item'>
          <View className='name'>
            <Image src='https://img2.baidu.com/it/u=3035872156,255770104&fm=253&app=138&size=w931&n=0&f=PNG&fmt=auto?sec=1658595600&t=1efdb503efe49c5b749b695bb857ca75'></Image>
            <View>张晓萌</View>
            <View>&gt;</View>
          </View>
          <View className='imgInfo'>
            <Image src='https://img2.baidu.com/it/u=3035872156,255770104&fm=253&app=138&size=w931&n=0&f=PNG&fmt=auto?sec=1658595600&t=1efdb503efe49c5b749b695bb857ca75'></Image>
            <View>
              <View>颈部按摩</View>
              <View className='context'>疏肝理气、预防乳腺疾病；雕塑身形，疏通胸部经络；调节内分泌，青春永驻</View>
            </View>
          </View>
          <View className='list_item'>
            <View className='inle'>
              <View className='title'>服务方式</View>
              <View>上门服务</View>
            </View>
            <View className='inle'>
              <View className='title'>服务时间</View>
              <View>2020-07-11 08:30</View>
            </View>
            <View className='inle'>
              <View className='title'>服务地点</View>
              <View>广州市白云区汇侨路10号212A</View>
              <View className='daohang'>导航</View>
            </View>
          </View>

        </View>
      </View>
      <View className='list_right'>
        <View className='item'>
          <View className='list_item'>
            <View className='inle'>
              <View className='title'>订单金额</View>
              <View>￥128.00</View>
            </View>
            <View className='inle'>
              <View className='title'>优惠金额</View>
              <View>￥10.00</View>
            </View>
            <View className='inle inle_on'>
              <View className='title'>应付金额</View>
              <View>￥118.00</View>
            </View>
          </View>

        </View>
      </View>
      <View className='list'>
        <View className='item'>
          <View className='list_item'>
            <View className='inle'>订单信息</View>
            <View className='inle'>
              <View className='title'>订单编号</View>
              <View>298734664765</View>
            </View>
            <View className='inle'>
              <View className='title'>创建时间</View>
              <View>2020-07-11 08:30</View>
            </View>
          </View>

        </View>
      </View>
      <View className='btn_box'>
        <View>联系客户</View>
        <View onClick={refusal}>拒单</View>
        <View>接单</View>
        <View  onClick={refund}>退款详情</View>
      </View>
    </View>
  );
}

export default Index;
